<!--Start javascript datepicker-->
<script type="text/javascript">
$(function() {
		var dates = $( "#startDate, #endDate" ).datepicker({
			defaultDate: new Date(),
			changeMonth: true,
			numberOfMonths: 1,
			dateFormat:'yy-mm-dd',
			minDate: new Date(),
			autoSize:true,
			
			onClose: function(dateText,inst)
			{				
					if (dateText)
						{				
							if(this.id == 'startDate')
							{
								//kod som körs för startdate vid stängning av datepickern
								getStartTime(dateText);
							}
							else
							{
								//kod som körs för enddate vid stängning av datepickern
								getEndTime(dateText);					
							}
						}
								
			},
			
			//Händelse som sker när rutan klickas i.
			onSelect: function( selectedDate ) {
				//kollar instansens id är startDate då sätts option till mindate annars sätts den till maxdate.
				var option = this.id == "startDate" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),//sätter instance till 
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
		});
});

function getStartTime(dateText)
{
	$.post(<?php base_url()?>"/studentbilar/index.php/booking/search/getstarttime", {startDate: dateText},
	function(data)
	{
		$("#startTime").empty();
		for (x in data)
		{
			$("#startTime").append("<option>"+data[x].startTime+"</option>");
		}
	}
	,"json");	
}

function getEndTime(dateText)
{
	$.post(<?php base_url()?>"/studentbilar/index.php/booking/search/getendtime", {endDate: dateText},
	function(data)
	{
		$("#endTime").empty();
		for (x in data)
		{
			$("#endTime").append("<option>"+data[x].endTime+"</option>");
		}
		}
		,"json");	
}
</script>
<!--End javascript datepicker-->

<!--Start javascript jquery UI button-->
<script type="text/javascript">
	$(function() {
		$( "button,input:submit,").button();
	});
</script>
<!--End javascript jquery UI button-->

<!--Start LeftSearchColumn-->	
<div id="leftSearchColumn">
	
	<?php echo form_open('booking/search/index');?>	
	<div id="search">
			<h3>Sök bil</h3>
			
			<div class="Date">
				<label>Startdatum</label>
				<?php echo form_input(array('id'=>'startDate','name'=>'startDate','value'=> set_value('startDate'))); ?>
				<label>Starttid</label>
				<select id="startTime" name="startTime" ><option>Välj datum</option></select>
			</div>
			
			<div class="seperator"></div>
			
			<div class="Date">
				<label>Återlämningsdatum</label>
				<?php echo form_input(array('type'=>'text','id'=>'endDate','name'=>'endDate','value'=>set_value('endDate'))); ?>	
				<label>Återlämningstid</label>
				<select id="endTime" name="endTime" ><option>Välj datum</option></select>
			</div>

			<small><input type="submit" id="submit" value="  Sök  "></input></small>
			<?php echo form_close();?>
	</div>
</div>
<!--End LeftSearchColumn-->